<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>玉米仓库信息管理</title>

    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../font-awesome/css/font-awesome.css" rel="stylesheet">

    <!-- FooTable -->
    <link href="../css/plugins/footable/footable.core.css" rel="stylesheet">

    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/style.css" rel="stylesheet">
    <style type="text/css">
        .st{

            background: #f5f5f6;
            border: none;
        }
        .gradeX{
            background: #f5f5f6;
        }
        #sub{
            width: 100px;
        }
    </style>
    <style>
        #page-wrapper
        {
            margin: 0 0 0 0px;
        }
    </style>
</head>
<!-- 网页原名contacts.html -->
<body>
    <div id="wrapper">

        <div id="page-wrapper" class="gray-bg dashbard-1">
            <!-- 头部开始 -->
            <div class="row wrapper border-bottom white-bg page-heading">
                <div class="col-lg-9">
                    <h2>商品管理</h2>
                    <ol class="breadcrumb">
                        <li>
                            <a href="../index.html">首页</a>
                        </li>
                        <li class="active">
                            <strong>商品分类</strong>
                        </li>

                    </ol>
                </div>
            </div>
            <!-- 头部结束 -->

            <!-- pageContext start -->

            <!-- 分类管理开始 -->
            <div class="row">
                <!-- 商品类别开始 -->
                <div class="col-lg-6">
                    <!-- 商品类别 -->
                    <h4>商品类别</h4>
                    <div>
                        <table class="table">
                            <tbody>
                            <tr>
                                <td>
                                    <button type="button" class="btn btn-danger m-r-sm">12</button>
                                    饮品
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary m-r-sm">28</button>
                                    海鲜
                                </td>
                                <td>
                                    <button type="button" class="btn btn-info m-r-sm">15</button>
                                    快消品
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <button type="button" class="btn btn-info m-r-sm">20</button>
                                    奢侈品
                                </td>
                                <td>
                                    <button type="button" class="btn btn-success m-r-sm">40</button>
                                    毛皮大衣
                                </td>
                                <td>
                                    <button type="button" class="btn btn-danger m-r-sm">30</button>
                                    Notifications
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <button type="button" class="btn btn-warning m-r-sm">20</button>
                                    Albums
                                </td>
                                <td>
                                    <button type="button" class="btn btn-default m-r-sm">40</button>
                                    Groups
                                </td>
                                <td>
                                    <button type="button" class="btn btn-warning m-r-sm">30</button>
                                    Permissions
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="col-md-3" align="center">
                        <button type="button" class="btn btn-primary btn-block compose-mail" data-toggle="modal" data-target="#myModal6">
                            <i class="fa fa-plus"></i>&nbsp;&nbsp;新  增  分  类</a>
                        </button>
                    </div>
                    <div class="col-md-3" align="center">
                        <button type="button" class="btn btn-primary btn-block compose-mail" data-toggle="modal" data-target="#myModal6" onclick="addshop()">
                            <i class="fa fa-plus"></i>&nbsp;&nbsp;增 加 新 品</a>
                        </button>
                    </div>
                </div>
                <!-- 商品类别结束 -->

                <!-- 所属仓库开始 -->
               <!-- <div class="col-lg-2">
                    <div class="ibox float-e-margins">
                        <div class="ibox-content mailbox-content">
                            <div class="file-manager">
                                <h5>所属仓库</h5>
                                <ul class="folder-list m-b-md" style="padding: 0">
                                    <li><a href="goodsList.html?id=xx" title="我是分类描述"> <i class="fa fa-smile-o"></i>&nbsp;&nbsp;</i> 1号仓库 </a></li>
                                    <li><a href="goodsList.html?id=xx" title="我是分类描述"> <i class="fa fa-smile-o"></i>&nbsp;&nbsp;</i> 2号仓库 </a></li>
                                </ul>

                                <div class="space-25"></div>


                                <div class="modal inmodal fade" id="myModal6" tabindex="-1" role="dialog"  aria-hidden="true">
                                    <div class="modal-dialog modal-sm">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                                                <h4 class="modal-title">新  增  分  类</h4>
                                            </div>
                                            <form action="goodsList.html" method="post">
                                                <div class="modal-body">
                                                    <p><strong>分类名称&nbsp;:</strong>&nbsp;&nbsp;<input type="text" name=""></p>
                                                    <p>&nbsp;</p>
                                                    <p><strong>分类描述&nbsp;:</strong>&nbsp;&nbsp;<input type="text" name=""></p>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                                                    <input type="submit" class="btn btn-primary" value="确定">
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 animated fadeInRight">
                    <div class="mail-box-header">
                        <h2>
                            1号仓库
                        </h2>
                    </div>

                    <div class="mail-box">

                        <div class="animated fadeInRight">
                            <div class="row">
                                <div class="col-lg-12">

                                    <div class="file-box col-lg-2">
                                        <div class="file">
                                            <a onclick="go(id);">
                                                <span class="corner"></span>

                                                <div class="icon">
                                                    <img src="../img/profile_big.jpg" width="180px" height="120px">
                                                </div>
                                                <div class="file-name">
                                                    <a href="goodsDetails.html">敌敌畏</a>
                                                    <br/>
                                                    <small>价格: ￥18</small>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>-->
                <!-- 所属仓库结束 -->
                <div class="col-md-3">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <span class="label label-success pull-right">27号</span>
                            <h5>库存警告</h5>
                        </div>
                        <div class="ibox-content">
                            <h1 class="no-margins">哇哈哈</h1>
                            <!--<div class="stat-percent font-bold text-success">98% <i class="fa fa-bolt"></i></div>-->
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <span class="label label-info pull-right">五月</span>
                            <h5>明星产品</h5>
                        </div>
                        <div class="ibox-content">
                            <h1 class="no-margins" >爽歪歪</h1>
                            <div class="stat-percent font-bold text-info">20% <i class="fa fa-level-up"></i></div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 分类管理结束 -->

            <!-- 商品列表开始 -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox">
                        <div class="ibox-content">

                            <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
                                <thead>
                                <tr>
                                    <th data-toggle="true">产品名称</th>
                                    <th data-hide="all">产品描述</th>
                                    <th data-hide="phone,tablet">所属类别</th>
                                    <th data-hide="phone,tablet" >保质期</th>
                                    <th data-hide="phone">进价</th>
                                    <th data-hide="phone">库存</th>
                                    <th class="text-right" data-sort-ignore="true">操作
                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>
                                        <a href="goodsDetails.html">敌敌畏</a>
                                    </td>

                                    <td>
                                        超级无敌，呜呜呜呜呜呜呜呜撒谎发静安寺盒饭咖啡哈，阿斯钢弘法寺感觉空间按按键
                                    </td>
                                    <td>
                                        健康饮品
                                    </td>
                                    <td>
                                        15个月
                                    </td>
                                    <td>
                                        $300
                                    </td>
                                    <td>
                                        300
                                    </td>
                                    <td class="text-right">
                                        <div class="btn-group">
                                            <button class="btn-white btn btn-xs" onclick="layers(1);">加入订单</button>

                                            <button class="btn-white btn btn-xs" onclick="del(1);">下架</button>

                                            <button type="button" class="btn-white btn btn-xs" data-toggle="modal" data-target="#myModal">
                                                补货
                                            </button>
                                        </div>

                                        <div class="modal inmodal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
                                            <div class="modal-dialog">
                                                <div class="modal-content animated bounceInRight">
                                                    <div class="modal-header">
                                                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                                                        <h4 class="modal-title">商品信息</h4>
                                                        <small class="font-bold">Here is the product information.</small>
                                                    </div>
                                                    <div class="modal-body">
                                                        <p><strong>产品名称：</strong> xxxx</p>
                                                        <p><strong>产品编号：</strong> xxxx</p>
                                                        <p><strong>保质期：</strong> xxxx</p>
                                                        <p><strong>供货商：</strong> xxxx</p>
                                                        <p><strong>库存：</strong> xxxx</p>
                                                        <form action="layouts.html" method="post">
                                                            <p>
                                                            <table>
                                                                <tr>
                                                                    <td><strong>备注：</strong> </td>
                                                                    <td><textarea name="a" style="width:200px;height:80px;"></textarea></td>
                                                                </tr>
                                                            </table>
                                                            </p>
                                                            <div>
                                                                <p class="f1"><strong style="color: red;">补货数量：</strong></p>
                                                                <div class="gw_num f1">
                                                                    <em class="jian"><span style="color: red;">-</span></em>
                                                                    <input type="text" value="1" class="num"/>
                                                                    <em class="add"><span style="color: red;">+</span></em>
                                                                </div>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <br><br>
                                                                <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                                                                <button type="submit" class="btn btn-primary">确定</button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                </tr>

                                </tbody>
                                <tfoot>
                                <tr>
                                    <td colspan="6">
                                        <ul class="pagination pull-right"></ul>
                                    </td>
                                </tr>
                                </tfoot>
                            </table>

                        </div>
                    </div>
                </div>
            </div>
            <!-- 商品列表结束 -->
            <!-- pageContext end -->


        </div>

    </div>

</body>


<!-- Page-Level Scripts -->
<script type="text/javascript">
    function go(id){
        layer.open({
            type: 2,
            closeBtn: 0, //不显示关闭按钮
            title: '产品详情',
            btn: ['  确  定  '], //只是为了演示
            moveType: 1,
            area: ['400px', '550px'],
            content: 'layoutContent.html?id=xx',
        });
    }

   /* $(function(){

        $('.footable').footable();

        $(".add").click(function(){
            var n=$(this).prev().val();
            var num=parseInt(n)+1;
            if(num==0){ return;}
            $(this).prev().val(num);
        });
        //减的效果
        $(".jian").click(function(){
            var n=$(this).next().val();
            var num=parseInt(n)-1;
            if(num==0){ return}
            $(this).next().val(num);
        });
    });
*/


    function layers(id){
        layer.open({
            type: 2,
            closeBtn: 0, //不显示关闭按钮
            title: '产品详情',
            btn: ['  确  定  '], //只是为了演示
            moveType: 1,
            area: ['400px', '550px'],
            content: 'layoutContent.html?id=xx',
        });
    }

    function del(id){
        layer.open({
            content: '您确定要下架吗？'
            ,btn: ['确定', '不要']
            ,yes: function(index){
                location.href="action?id=?"  /*删除的action*/
                layer.close(index);
            }
        });
    }


    function las(id){
        layer.open({
            type: 2,
            closeBtn: 1, //不显示关闭按钮
            title: '补货',
            moveType: 1,
            area: ['412px', '720px'],
            content: 'addlayouts.html?id=xx',
        });

    }

    function addshop(){
        location.href="addGoods.html";
    }
</script>





<!-- Mainly scripts -->
    <script src="../js/jquery-2.1.1.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="../js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<!-- Custom and plugin javascript -->
    <script src="../js/inspinia.js"></script>
    <script src="../js/plugins/pace/pace.min.js"></script>
   <!--  layer -->
   <script src="../layer/layer.js"></script>
    <!-- FooTable -->
    <script src="../js/plugins/footable/footable.all.min.js"></script>
